<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>学习管理系统</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
   <div class="row">
      <div class="col-xs-3"></div>
      <div class="col-xs-4"><h1>登录</h1></div>
      <div class="col-xs-5"></div>
          
   </div>
  
</div>
<form class="form-horizontal" role="form" action="/jpa/login">
	<div class="form-group">
		<label for="firstname" class="col-sm-2 control-label">名字</label>
		<div class="col-sm-5">
			<input type="text" class="form-control"  name="userName"
				   placeholder="请输入名字">
		</div>
		<div class="col-sm-5"></div>
	</div>
	<div class="form-group">
		<label for="lastname" class="col-sm-2 control-label">密码</label>
		<div class="col-sm-5">
			<input type="password" class="form-control" name="password"
				   placeholder="请输入密码">
		</div>
		<div class="col-sm-5"></div>
	</div>
	<div class="form-group">
		<label for="lastname" class="col-sm-2 control-label">用户类型</label>
		<div class="col-sm-5">
		
		<label class="radio-inline">
        <input type="radio" name="role"  value="普通用户" checked > 普通用户
   	    </label>
   	    
   	    <label class="radio-inline">
        <input type="radio" name="role"   value="管理员"> 管理员
   		 </label>
			
		</div>
		<div class="col-sm-5"></div>
	</div>
	<div class="form-group">
		<div class="col-sm-offset-2 col-sm-10">
			<button type="submit" class="btn btn-primary">登录</button>
			<a href="register2.html" class="btn btn-primary" role="button">注册</a>
		</div>
	</div>
</form>

</body>
</html>